<%@ page contentType="text/html;charset=UTF-8" %>
<%@ page import="org.springside.modules.security.springsecurity.SpringSecurityUtils" %>
<%@ include file="/common/taglibs.jsp" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>left</title>
<link href="${ctx}/css/style.css" rel="stylesheet" type="text/css">
<link type="text/css" href="${ctx}/css/redmond/jquery-ui-1.8.22.custom.css" rel="stylesheet" />
<script type="text/javascript" src="${ctx}/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="${ctx}/js/jquery-ui-1.8.22.custom.min.js"></script>
<script type="text/javascript">
$(function(){
	$(".tableColor tr:odd").addClass("odd");
	$(".tableColor tr").click(function(){
		$(".tableColor tr").removeClass("cur");
		$(this).addClass("cur");
	})
})
</script>
</head>

<body style="text-align:center">
<h1 align="center">欢迎使用</h1>
<div style="display: none;">
<h1 class="title01"><img src="images/02_15.gif" width="45" height="42" class="fl"><a href="#">更多</a>标题</h1>
<fieldset class="fs_ys">
	<legend>表单样式</legend>
    <p>姓名：<input name="" type="text" class="input_ys1"></p>
    <p>年龄：<input name="" type="text" class="input_ys1"></p>
    <p>地点：<input name="" type="text" class="input_ys1"> </p>
    <p><a href="#" id="dialog_link" class="ui-state-default ui-corner-all" style=" padding:3px 10px; text-decoration:none">仿按钮链接</a></p>
</fieldset>
<table border="0" cellpadding="0" cellspacing="0" class="table_ys tableColor">
  <tr>
    <th>表格样式</th>
    <th>表格样式</th>
    <th>表格样式</th>
    <th>表格样式</th>
    <th>表格样式</th>
    <th>表格样式</th>
    <th>表格样式</th>
    <th>表格样式</th>
  </tr>
  <tr>
    <td><input type="checkbox" name="checkbox" id="checkbox">
    <label for="checkbox"></label></td>
    <td><label for="radio">
      <input type="checkbox" name="checkbox2" id="checkbox2">
    </label></td>
    <td><input type="checkbox" name="checkbox3" id="checkbox3"></td>
    <td><input type="checkbox" name="checkbox4" id="checkbox4"></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td><input type="radio" name="radio" id="radio" value="radio"></td>
    <td><input type="radio" name="radio" id="radio2" value="radio"></td>
    <td><input type="radio" name="radio" id="radio3" value="radio"></td>
    <td><input type="radio" name="radio" id="radio4" value="radio"></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>dddd</td>
    <td><a href="#" target="_blank">fdssafsa;</a></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>dddd</td>
    <td><a href="#" target="_blank">fdssafsa;</a></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
 <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
<p class="red">红色字体</p>
<p class="green">绿色字体</p>
<p class="blue">蓝色字体</p>
</div>
</body>
</html>
